<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>About</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">

<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/common.css">
<link rel="stylesheet" type="text/css" href="css/index3.css">
<link rel="stylesheet" type="text/css" href="css/animate.min.css">
<script type="text/javascript" src="js/wow.min.js"></script>
</head>
<body>
    <div class="header">
    	   
    	   <div class="container">
    	   	   
    	   	    <div class="header_box">
    	   	    	
    	   	    	<div class="logo">
    	   	    		  
    	   	    		<a href="#">Your Logo</a>
    	   	    	</div>

                       
                     <input type="checkbox" id="chec" />

                     <div class="header_chec">
                     	
                     	   <label for="chec">
                     	   	   <span></span>
                     	   	   <span></span>
                     	   	   <span></span>
                     	   </label>
                     </div>



    	   	    	<div class="nav">
    	   	    		<div class="nav_href">
    	   	    			     <a href="index.html" target="_black">Home</a>
                       <a href="index2.html" target="_black">Portfolio</a>                
                       <a href="index3.html " target="_black">About</a>
		    	   	    		 
    	   	    		
                            <div class="blog">
                            <a href="index4.html" target="_black"><span>Blog</span></a>
                        	      <span>Search</span>
                        	      <span>
                        	      	
                        	      	  <img src="./images/search_bg.png">
                        	      </span>
                            </div>

                        </div>

    	   	    	</div>

    	   	    	

    	   	    </div>

    	   </div>

    </div>

    <!-- header end -->

    <div class="banner_lun">
       <div class="container">
       	
       	   <div class="banner_lun_box">
       	   	
       	   	  <h2 class="wow flipInX " data-wow-duration="5s" data-wow-delay="0.5s">PORTFOLIO</h2>

       	   </div>

       </div>
    </div>
    <!--  banner_lun end-->
    <div class="touch">
    	<div class="container">
    		<div class="touch_box">
    			<h1 class="wow flipInX " data-wow-duration="5s" data-wow-delay="0.5s">GET IN TOUCH</h1>
    			<p>Lorem ipsum dolor sit amet, dui ac bibendum fringilla, massa augue mattis enim, quis volutpat augue nisi vitae nibh. Proin nibh tortor, rutrum luctus euismod eu, rutrum eget nunc. Nam commodo tellus quis ante tempus quis auctor enim suscipit. Donec sit amet feugiat justo. Nulla vel nibh et erat consequat sollicitudin. Vivamus egestas erat ac arcu sagittis in tincidunt purus pharetra. Maecenas viverra suscipit arcu, ac adipiscing odio vehicula nec. Vestibulum non enim ac dui interdum tempus nam tortor odio.Sed lobortis, dui ac bibendum fringilla, massa augue mattis enim, quis volutpat augue nisi vitae nibh. Proin nibh tortor, rutrum luctus euismod eu, rutrum eget nunc. Nam commodo tellus quis ante tempus quis auctor enim suscipit. Donec sit amet feugiat justo. Nulla vel nibh et erat consequat sollicitudin. Vivamus egestas erat ac arcu sagittis in tincidunt purus pharetra. Maecenas viverra suscipit arcu, ac adipiscing odio vehicula nec. Vestibulum non enim ac dui interdum tempus. Nam tortor odio, eleifend gravida posuere vitae, luctus nec diam. </p>
    		</div>
    	</div>
    </div>
    <!-- touch end -->
    <div class="address">
    	 <div class="container">
    	 	 <div class="address_box">
    	 	 	   <div>
    	 	 	   	    <div class="address_left">
                               <p>Lorem ipsum dolor sit amet, consectetur * sign amentu kurmanci.</p>
                              <form action="">
                              	    <table>
                                            <tr>
                                                <td colspan="2">
                                                    <div>Name <sup>*</sup></div>
                                                    <input type="text">
                                                </td>
                                               
                                            </tr>
                                             <tr>
                                                <td colspan="2">
                                                    <div>Name <sup>*</sup></div>
                                                    <input type="text">
                                                </td>
                                               
                                            </tr>
                                            <tr>
                                                <td colspan="2">
                                                    <div>Message
                                                        <sup>*</sup>
                                                    </div>
                                                    <textarea name="" id="" cols="30" rows="10"></textarea>
                                                </td>
                                            </tr>

                                            <tr class="max_tr">
                                                <td class="td_left">
                                                        
                                                        <img src="./images/td_bg.png"> 
                                                        
                                                </td>

                                                    <td class="td_right">
                                                        <div>Enter the code
                                                            
                                                        </div>
                                                        <input type="text" />
                                                        
                                                    </td>
                                           </tr>


                                            <tr>
                                                 <td colspan="2">
                                                     <input type="submit" value="Send" class="address_submit" />
                                                </td>
                                            </tr>
                                            
                               </table>
                              	    

                              </form>

    	 	 	   	    </div>
    	 	 	   </div>
    	 	 	   <div>
    	 	 	   	   <div class="address_right">

                            <div class="address_right_top">
                               <ul>
                                 <li>
                                   <p><span>Office:</span> +1 (000) 123-4567</p>
                                   <p><span>Mobil:</span>+1 (000) 123-4567</p>
                                 </li>
                                 <li>
                                   <p>Lorem ipsum dolar sit amet</p>
                                   <p>New York- United States </p>
                                 </li>
                                 <li>
                                   <p><a href="#">hakan.ertann@gmail.com </a></p>
                                   <p><a href="#">www.hakan-ertan.com</a></p>
                                 </li>
                               </ul>
                            </div>
                            <div id="map" class="address_right_content">
                                
                            </div>
                            
                            <div class="address_right_bottom">
                                    <h1>FOLLOW US ON SOCIAL MEDIA</h1>
                                    <ul>
                                        <li class="wow flipOutY" data-wow-iteration="5" data-wow-duration="0.15s">
                                            <img src="images/address_right_bg3.png" >
                                        </li>
                                        <li class="wow flipOutY" data-wow-iteration="5" data-wow-duration="0.15s">
                                            <img src="images/address_right_bg4.png" >
                                        </li>
                                        <li class="wow flipOutY" data-wow-iteration="5" data-wow-duration="0.15s">
                                            <img src="images/address_right_bg5.png" >
                                        </li>
                                        <li class="wow flipOutY" data-wow-iteration="5" data-wow-duration="0.15s">
                                            <img src="images/address_right_bg6.png" >
                                        </li>
                                        <li class="wow flipOutY" data-wow-iteration="5" data-wow-duration="0.15s">
                                            <img src="images/address_right_bg7.png" >
                                        </li>
                                        <li class="wow flipOutY" data-wow-iteration="5" data-wow-duration="0.15s">
                                            <img src="images/address_right_bg8.png" >
                                        </li>
                                    </ul>
                            </div>

                       </div>
    	 	 	   </div>
    	 	 </div>
    	 </div>
    </div>
   <!-- address end -->
    <footer>
     
           <div class="container">
             
              <div class="foot_box">
                       

                       <div>
                           
                             <h2>Twitter FEEDs</h2>
                             <ul class="foot_list">
                                <li>
                                  <span>Check out this great theme item</span>
                                  <span><a href="#">http://tadjalskfj.com</a></span>
                                  <span>2 weeks ago</span>
                                </li>
                                <li>
                                  <span>Check out this great theme item</span>
                                  <span><a href="#">http://tadjalskfj.com</a></span>
                                  <span>2 weeks ago</span>
                                </li>
                                <li>
                                  <span>Check out this great theme item</span>
                                  <span><a href="#">http://tadjalskfj.com</a></span>
                                  <span>2 weeks ago</span>
                                </li>
                              
                             </ul>

                       </div>
                        <div>
                           
                             <h2>NEWSLETTER</h2>
                             <ul class="foot_list">
                                <li>
                                  <span>Lorem ipsum dolor sit amet,consectetur adipiscing</span>
                                  <span> elit.Ut ultricies sagittis magna acomm. </span>
                                  
                                  <span>Ut eget eros mauris, ut cursus urna.</span>
                                  
                                </li>

                                <li class="email"> 
                                
                                    <form action="" method="">
                                         <input type="text" name="eamil" class="contact_eamil" />

                                         <input type="submit" class="contact_submit" value="Sign Up" />

                                    </form>
                                </li>
                             </ul>

                       </div>
                        <div>
                           
                             <h2>recent projects</h2>
                              <ul class="foot_list foot_list_bg">
                                <li>
                                  <span>Check out this great theme item</span>
                                  <span><a href="#">http://tadjalskfj.com</a></span>
                                  <span>2 weeks ago</span>
                                </li>
                                <li>
                                  <span>Check out this great theme item</span>
                                  <span><a href="#">http://tadjalskfj.com</a></span>
                                  <span>2 weeks ago</span>
                                </li>
                                <li>
                                  <span>Check out this great theme item</span>
                                  <span><a href="#">http://tadjalskfj.com</a></span>
                                  <span>2 weeks ago</span>
                                </li>
                              
                             </ul>

                       </div>
                        <div>
                           
                             <h2>Contact</h2>
                             <ul class="foot_list foot_list_pho">
                                <li>
                                  <span>Check out this great theme item</span>
                                  <span><a href="#">http://tadjalskfj.com</a></span>
                                  <span>2 weeks ago</span>
                                </li>
                                <li>
                                  <span>Check out this great theme item</span>
                                  <span><a href="#">http://tadjalskfj.com</a></span>
                                  <span>2 weeks ago</span>
                                </li>
                                <li>
                                  <span>Check out this great theme item</span>
                                  <span><a href="#">http://tadjalskfj.com</a></span>
                                  <span>2 weeks ago</span>
                                </li>
                              
                             </ul>

                       </div>

              </div>


           </div>

   </footer>
</body>
<script type="text/javascript">
    
    initMap();

    new WOW().init();
</script>
</html>